/**************** MENU-ARRIBA ************/
#header {
	float: left;
	height: 6em;
	padding-top: 1.5em;
	border-bottom: 1px solid #006633;
	margin-bottom: 1em;
	width: 100%;
}
ul.header {
	float: right;
	padding-top: 2em;
	overflow:hidden;
	list-style:none;
}
ul.header li {
	display: inline-block;
	float:left;
}
ul.header a {
	text-decoration: none;
	padding: 1em;
	margin-bottom: 1em;
	color: #006633;
}
ul.header a.menu_activo, ul.header a:hover {
	color: #FFFFFF;
	background-color: #006633;
	border-radius: 4px;
}
ul.header-fijo {
	position: fixed;
	text-align: center;
	height: 2.2em;
	padding-top: 0.5em;
	width: 100%;
	top: 0px;
	left: 0px;
	margin-top: 0em;
	background-color: #001F0F;
	z-index: 1000;
}
ul.header-fijo a
{
	color: #FFFFFF;
}
ul.header-fijo a:hover 
{
	color: #CCE0D6;
}
#logo_sarmiento{
	background-image: url("../images/logo_sarmiento_hor.png");
	background-repeat: no-repeat;
	width: 230px; /*or your image's width*/
	height: 64px; /*or your image's height*/
	margin: 0;
	padding: 0;
	padding-top: 2em;
}
#img_menu{
	background-image: url("../images/menu.png");
	background-repeat: no-repeat;
	width: 32px; /*or your image's width*/
	height: 32px; /*or your image's height*/
	margin: 0;
	padding: 0;
	padding-top: 2em;
}

#header nav {
	max-width:1000px;
	margin: 20px auto;
}
 
.menu_bar {
	display:none;
}
 
@media screen and (max-width:800px ) {
	#header{
		border: none;
		margin: 0;
	}
	#header nav {
		width: 100%;
		height: 40px;
		left: -100%;
		margin: 0;
		position: absolute;
	}
	#header nav ul{
		background-color: #001F0F;
		text-align: center;	
		float: none;
	}
	#header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}
	.menu_bar {
		float: right;
		display: block;
		width: 20%;
	}
	.menu_bar .bt-menu {
		display: block;
		padding: 20px;	
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	#header ul li a {
		font-size: 20px;
		padding: 5px;
		color: #FFFAE6;
	}
	ul.header a.menu_activo, ul.header a:hover {
		background-color: transparent;
		border: none;
	}
}

@media screen and (max-width: 450px ) {
	#logo_sarmiento{
		width: 80%;
		height: auto;
		background-image: url("../images/logo_sarmiento_hor_resp.png");
	}
	.menu_bar {
		width: 10%;
	}
	#img_menu{
		background-image: url("../images/menu_2.png");
		height: 16px;
		width: 16px;
	}
}